
div#actionTop 
{
	background-color: Whitesmoke;	
	font-size: 0.8em;
	width: 100%;
}

div#actionTop li
{
	list-style-type:none;
	list-style-position: outside;
	padding-bottom: 4px;
}

div#actionTop h5 
{
	margin: 0;
	padding: 0;
	color: Blue;
	font-size: 1.2em;	
}

div#actionTop h5 select,
div#actionTop h5 a 
{
	font-size: 0.8em;
}

div#actionTop div
{
	padding: 0 0 0.3em 0;
}
div#actionTop #navigation 
{
	float:right;	
	clear: right;
	
}

div#actionTop #legend
{
	color: Black;
	font-style: italic;
	float: right;
	width: 100%;	
}

div#title,
div#actionButtons
{
	float: left;
}

div#sort
{
	float: left;	
	width: 100%;
}

div#divOuter {
width: 100%;
overflow: auto;
/*scrollbar-base-color:#F0F2F7;*/
scrollbar-face-color: #E6F3FF; scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #84B8F0; scrollbar-3dlight-color: #84B8F0; 
	scrollbar-arrow-color: #3179C5; scrollbar-track-color: #F1F8FF; 
	scrollbar-darkshadow-color: #F1F8FF;
border: 1px solid black;
}	

#tblList
{		
	font-size: 0.9em;
	font-family: verdana, Arial, tahoma, sans-serif;	
	table-layout: fixed;
	border-collapse: collapse;
	background-color: WhiteSmoke;
	width: 100%;
}
#tblList thead th, #tblList thead th.Locked
{
	font-weight: bold;
	font-size: 11px;
	font-family: verdana, Arial, tahoma, sans-serif;
	color: #3A4F6C;
	background-color: #CFD9E7;
	white-space: nowrap;
	border-bottom: 1px solid #222;	
	text-align: center;	
	border-left: 1px solid #222;
	position:relative;		
}
#tblList td
{		
	white-space: nowrap;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	cursor: pointer; 
	cursor: hand;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;		
}

#tblList .tableRowHighlight
{
	background-color: #00F;
	color: #FFF;	
}

#tblList .tableRowSelected
{
	background-color: #9B9B1C;
	color: yellow;	
}

#tblList td.SelectedRowIndicated 
{
	background-color: #ffffcc !important;
}

#tblList thead th {
top: expression(document.getElementById("divOuter").scrollTop); /* IE5+ only */
z-index: 20;
}

#tblList thead th.locked {z-index: 30;}

#tblList td.locked,  th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
left: expression(document.getElementById("divOuter").scrollLeft); /* IE5+ only */
position: relative;
z-index: 10;
}

.ItemRow
{
	background: #F0F0F0;
}

.AlternateItemRow
{
	background: #FAFAFA;
}

.OrderItemRow
{
	background: #F0F0F0;
}

.OrderAlternateItemRow
{
	background: #FAFAFA;
}

.StockFactItemRow
{
	background: #F0E0FC;
}

.StockFactAlternateItemRow
{
	background: #E5C6ED;
}

.StockClearItemRow
{
	background: #C4EDE8;
}

.StockClearAlternateItemRow
{
	background: #A7DBD3;
}
.Factory
{
	color: Green !important;
}

.All
{
	color: Maroon;
}

.Office
{
	color: Olive !important;
}

.ThisWeek {	color: Purple ;} 
.LastWeek { color: Blue ;}

.MessageBox 
{
	padding: 20px;
	text-align: center;
	BORDER: #ffffea thin outset; 	
	visibility: hidden;	
	POSITION: absolute; 	
	BACKGROUND-COLOR: #ffffcc;
}


#tblList tbody tr td div 
{
	overflow: hidden;
	text-overflow: ellipsis;
	display: block;	
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-top: 1px;
}

/* BULK ORDER SPECIFIC CSS */

.OrderDateCell 
{
	width: 70px;
}

.TypeCell
{
	width: 80px;
}
.PackQtyCell {width:50px;}
.ProductCodeCell
{
	width: 80px;		
}

.DescriptionCell
{
	width: 200px;
}

.ColorCell
{
	width: 160px;
}
.StartDateCell
{
	width: 70px;
}
.OrderedCell
{
	width: 60px;
}
.WorkinprogressCell 
{
	width: 180px;
}
.CompletedCell
{
	width: 60px;
}
.QtyInprogressCell
{
	width: 120px;
}
.Below50Cell
{
	width: 60px;
}
.Above50Cell
{
	width: 60px;
}
.NotStartedCell
{
	width: 50px;
}
.EstimatedDateCell
{
	width: 70px;
}
.QtyAvailCell
{
	width: 50px;
}
.QtyAvailCatCell {width: 50px;}
.QtyShippedCell
{
	width: 50px;
}
.QtyNotShippedCell
{
	width: 50px;
}
.ActualStockCell
{
	width: 50px;
}
.OperaQtyCell
{
	width: 50px;
}
.DateStockCheckCell
{
	width: 70px;
}
.StockQtyCell
{
	width: 50px;
}
.FOBCell
{
	width: 50px;
}
.CompletedDateCell
{
	width: 70px;
}
.OwnerCell {width: 60px;}
.CatalogueCell {width: 100px;}
.PageCell {width: 40px;}
.SalesDesc1Cell{width: 80px;}
.SalesDesc2Cell{width: 80px;}
.MinOrderQtyCell{width: 80px;}
.TallPalletQtyCell{width: 60px;}
.IDSSortCell{width: 40px;}
.TargetCell {width:50px;}
.NaUSACell {width:50px;}
.StockLocCell {width:35px;}
.CatPackDescCell {width:80px;}
.MUKCatPackDescCell {width:80px;}
.MUKCatPackQtyCell {width:50px;}
.HD15PCell {width: 30px;}
.UnitWidth {width: 65px;}
. {width: 30px;}
/* END OF BULK ORDER SPECIFIC CSS */


/* ORDER SPECIFIC CSS */
.ReqCell{width:33px;}
.BulkCell{width:40px;}
.SizeCell{width:40px;}
.PackCell{width:80px;}
.OrderTypeCell{width:40px;}
.SuppCell{width:40px;}
.ONoCell{width:40px;}
.PriCell{width:40px;}
.ConCell{width:40px;}
.POInOperaCell{width:40px;}
.AccNoCell{width:40px;}
.CusCell{width:100px;}
.CustPONoCell{width:40px;}
.FinalDestCell{width:150px;}
.ArriPortCell{width:100px;}
.DescCell{width:100px;}
.FacETDCell{width:40px;}
.OnHoldCell{width:20px;}
.ShiDateCell{width:60px;}
.ShiLineCell{width:40px;}
.VesCell{width:50px;}
.ConNoCell{width:20px;}
.ETACell{width:50px;}
.WkCell{width:20px;}
.ConDelCell{width:40px;}
.PISCCell{width:40px;}
.PayAuthCell{width:40px;}
.PPaymentCell{width:40px;}
.PInvCell{width:40px;}
.PPayDateCell{width:60px;}
.DocRecCell{width:20px;}
.CompCell{width:60px;}
.SInvCell{width:40px;}
.SuppONoCell{width:40px;}
.BONoCell{width:50px;}
div#actionBar{padding: 10px;}
/* END OF ORDER SPECIFIC CSS */